<!--分类 -->
<div th:fragment="classify">

    <li>
        <a href="https://www.hasbei.com/zx/5" target="_self">美白</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/1" target="_self">矫正</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/10" target="_self">种植牙</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/3" target="_self">溃疡</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/2" target="_self">牙疼</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/6" target="_self">拔牙</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/8" target="_self">龋齿</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/12" target="_self">洗牙</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/9" target="_self">补牙</a>
    </li>
    <li>
        <a href="https://www.hasbei.com/zx/4" target="_self">牙周炎</a>
    </li>


    <li class="tab-more-list">
        <a href="javascript:;" target="_self">
            <span>更多</span>
            <img class="arrow-bottom" src="../static/image/arrow-bttom.png" alt="有贝口腔网">
        </a>
        <div>
            <ul>
                <li>
                    <a href="https://www.hasbei.com/zx/11" target="_self">龅牙</a>
                </li>
                <li>
                    <a href="https://www.hasbei.com/zx/13" target="_self">综合口腔</a>
                </li>
            </ul>
        </div>
    </li>
</div>

<!--加载-->
<div th:fragment="load">
    <div class="more-content">
        <div class="load-more" style="display:none;">
            <img src="../../static/image/load-more.gif" alt="有贝口腔网">
            <span>加载中</span>
        </div>
        <div class="load-more-two load-more-fade" onclick="loadData()">点击加载更多</div>
        <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
    </div>
</div>

<!--文章数据-->
<div th:fragment="recommend">
    <div class="wonderful-list">
        <div class="wonderful-item">
            <a href="https://www.hasbei.com/zx/detail/202006201274270796872814592">
                <div class="wonderful-item-img"><img src="../../static/image/731bc6b04f504c458b5d6e4137c87afe.png" alt="有贝口腔网龋齿会不会遗传?"></div>
                <div class="wonderful-item-text">龋齿会不会遗传?</div>
            </a>
        </div>
        <div class="wonderful-item">
            <a href="https://www.hasbei.com/zx/detail/202007041279249408726274048">
                <div class="wonderful-item-img"><img src="../../static/image/ebf93eaa9feb4d99b46e278c7853d768.jpg" alt="有贝口腔网地包天是什么？如何矫正？"></div>
                <div class="wonderful-item-text">地包天是什么？如何矫正？</div>
            </a>
        </div>
        <div class="wonderful-item">
            <a href="https://www.hasbei.com/zx/detail/202007021278361049669701632">
                <div class="wonderful-item-img"><img src="../../static/image/0b5dc1b527b24ba5a0b43d53815833ac.jpg" alt="有贝口腔网补牙到底疼不疼？补牙后需要注意哪些？"></div>
                <div class="wonderful-item-text">补牙到底疼不疼？补牙后需要注意哪些？</div>
            </a>
        </div>
        <div class="wonderful-item">
            <a href="https://www.hasbei.com/zx/detail/202006201274270904217636864">
                <div class="wonderful-item-img"><img src="../../static/image/1e613d9a3ed34d89b46978645248e245.jpg" alt="有贝口腔网龋齿不痛就不需要治疗吗？"></div>
                <div class="wonderful-item-text">龋齿不痛就不需要治疗吗？</div>
            </a>
        </div>
    </div>
</div>

<!--10条数据 文章数据-->
<div th:fragment="looks">
    <a href="https://www.hasbei.com/zx/detail/202006201274270831538737152">
        <!-- <th:block th:if="${vo.imgsCount>10}">
            <div class="wonderful-item-line">
                <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
                <div class="allsee-item-right" th:text="${vo.title}"></div>
            </div>
        </th:block> -->

        <div class="wonderful-item-style">
            <div class="wonderful-item-icon"><span></span></div>
            <div class="wonderful-text">喝咖啡能够预防蛀牙</div>
        </div>

    </a>
    <a href="https://www.hasbei.com/zx/detail/202008131293748800380342272">
    <!-- <th:block th:if="${vo.imgsCount>10}">
        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
            <div class="allsee-item-right" th:text="${vo.title}"></div>
        </div>
    </th:block> -->

    <div class="wonderful-item-style">
        <div class="wonderful-item-icon"><span></span></div>
        <div class="wonderful-text">缓解看牙前紧张的3个小妙招！</div>
    </div>

</a>
    <a href="https://www.hasbei.com/zx/detail/202007041279379202042368000">
    <!-- <th:block th:if="${vo.imgsCount>10}">
        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
            <div class="allsee-item-right" th:text="${vo.title}"></div>
        </div>
    </th:block> -->

    <div class="wonderful-item-style">
        <div class="wonderful-item-icon"><span></span></div>
        <div class="wonderful-text">骨性龅牙矫正过程与适应症</div>
    </div>

</a>
    <a href="https://www.hasbei.com/zx/detail/202007021278372943914733568">
    <!-- <th:block th:if="${vo.imgsCount>10}">
        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
            <div class="allsee-item-right" th:text="${vo.title}"></div>
        </div>
    </th:block> -->

    <div class="wonderful-item-style">
        <div class="wonderful-item-icon"><span></span></div>
        <div class="wonderful-text">种植牙手术的种类与术后注意事项</div>
    </div>

</a>
    <a href="https://www.hasbei.com/zx/detail/202007021278397585945661440">
    <!-- <th:block th:if="${vo.imgsCount>10}">
        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
            <div class="allsee-item-right" th:text="${vo.title}"></div>
        </div>
    </th:block> -->

    <div class="wonderful-item-style">
        <div class="wonderful-item-icon"><span></span></div>
        <div class="wonderful-text">只用一侧牙齿嚼食物？当心这些危害！</div>
    </div>

</a>
    <a href="https://www.hasbei.com/zx/detail/202007021278396468021039104">
    <!-- <th:block th:if="${vo.imgsCount>10}">
        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
            <div class="allsee-item-right" th:text="${vo.title}"></div>
        </div>
    </th:block> -->

    <div class="wonderful-item-style">
        <div class="wonderful-item-icon"><span></span></div>
        <div class="wonderful-text">喜欢喝可乐？小心患“可乐牙”！</div>
    </div>

</a>
    <a href="https://www.hasbei.com/zx/detail/202007021278362895452868608">
    <!-- <th:block th:if="${vo.imgsCount>10}">
        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
            <div class="allsee-item-right" th:text="${vo.title}"></div>
        </div>
    </th:block> -->

    <div class="wonderful-item-style">
        <div class="wonderful-item-icon"><span></span></div>
        <div class="wonderful-text">常用补牙材料的优缺点</div>
    </div>

</a>
    <a href="https://www.hasbei.com/zx/detail/202008051290832540072022016">
    <!-- <th:block th:if="${vo.imgsCount>10}">
        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
            <div class="allsee-item-right" th:text="${vo.title}"></div>
        </div>
    </th:block> -->

    <div class="wonderful-item-style">
        <div class="wonderful-item-icon"><span></span></div>
        <div class="wonderful-text">正畸矫正器的几种类型</div>
    </div>

</a>
    <a href="https://www.hasbei.com/zx/detail/202007011278312385932824576">
    <!-- <th:block th:if="${vo.imgsCount>10}">
        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
            <div class="allsee-item-right" th:text="${vo.title}"></div>
        </div>
    </th:block> -->

    <div class="wonderful-item-style">
        <div class="wonderful-item-icon"><span></span></div>
        <div class="wonderful-text">经常口腔溃疡竟然会导致失明？</div>
    </div>

</a>
    <a href="https://www.hasbei.com/zx/detail/202007021278381450923741184">
    <!-- <th:block th:if="${vo.imgsCount>10}">
        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
            <div class="allsee-item-right" th:text="${vo.title}"></div>
        </div>
    </th:block> -->

    <div class="wonderful-item-style">
        <div class="wonderful-item-icon"><span></span></div>
        <div class="wonderful-text">宝宝出牙时，父母应该怎么做？</div>
    </div>

</a>
</div>

<div th:fragment="aside">

    <div class="main-publish">
        <a href="https://www.hasbei.com/about/link" target="_blank">
            <img src="../../static/image/ad-c.png" alt="有贝口腔网诊所">
        </a>
    </div>
    <div class="main-publish">
        <a href="https://www.hasbei.com/about/link" target="_blank">
            <img src="../../static/image/ad-d.png" alt="有贝口腔网厂家">
        </a>
    </div>
    <div class="main-publish">
        <a href="javascript:;" target="_self" onclick="showPlanFun()">
            <img src="../../static/image/ad-e.png" alt="有贝口腔网在线看牙">
        </a>
    </div>
</div>

<div th:fragment="asideImage">
    <div class="main-publish">
        <a href="">
            <img src="../../static/image/ad-a.png" alt="有贝口腔网资讯">
        </a>
    </div>
    <div class="main-publish">
        <a href="">
            <img src="/static/image/ad-b.png" alt="有贝口腔网口腔问题">
        </a>
    </div>
</div>